<extend name="Usercenter/index"/>

<block name="main">
    <div class="layui-tab layui-tab-brief" lay-filter="docDemoTabBrief">
        <ul class="layui-tab-title">
            <li class="layui-this">可用优惠券</li>
            <li>失效优惠券</li>
        </ul>
        <div class="layui-tab-content">
            <!--可用红包-->
            <div class="layui-tab-item layui-show">
                <if condition="$list1 eq null">
                    <div class="tr non-info show border-bottom-none">
                        <span>暂时没有优惠券</span>
                    </div>
                    <else />
                    <table class="layui-table">
                        <colgroup>
                            <col >
                            <col >
                            <col>
                        </colgroup>
                        <thead>
                        <tr>
                            <th >优惠券名称</th>
                            <th >优惠价格</th>
                            <th >数量</th>
                            <th >最低使用金额</th>
                            <th >开始时间</th>
                            <th >过期时间</th>
                            <td>操作</td>
                        </tr>
                        </thead>
                        <tbody>
                        <foreach name="list1" item="vo" key="k">
                            <tr>
                                <td>{{$vo.name}}</td>
                                <td>{{$vo.cou_pri}}</td>
                                <td>{{$vo.num}}</td>
                                <td>{{$vo.min_pri}}</td>
                                <td>{{$vo.begin_time}}</td>
                                <td>{{$vo.end_time}}</td>
                                <td><a href="#"class="layui-btn layui-btn-xs layui-btn-radius layui-btn-danger">使用优惠券</a></td>
                            </tr>
                        </foreach>

                        </tbody>
                    </table>
                </if>
            </div>
            <!--失效红包-->
            <div class="layui-tab-item">
                <if condition="$list2 eq null">
                    <div class="tr non-info show border-bottom-none">
                        <span>暂时没有过期优惠券</span>
                    </div>
                    <else />
                    <table class="layui-table">
                        <colgroup>
                            <col >
                            <col >
                            <col>
                        </colgroup>
                        <thead>
                        <tr>
                            <th >优惠券名称</th>
                            <th >优惠价格</th>
                            <th >数量</th>
                            <th >最低使用金额</th>
                            <th >开始时间</th>
                            <th >过期时间</th>
                            <td>操作</td>
                        </tr>
                        </thead>
                        <tbody>
                        <foreach name="list2" item="vo" key="k">
                            <tr>
                                <td>{{$vo.name}}</td>
                                <td>{{$vo.cou_pri}}</td>
                                <td>{{$vo.num}}</td>
                                <td>{{$vo.min_pri}}</td>
                                <td>{{$vo.begin_time}}</td>
                                <td>{{$vo.end_time}}</td>
                                <td ><a class="layui-btn layui-btn-xs layui-btn-radius layui-btn-disabled">已过期</a></td>

                            </tr>
                        </foreach>

                        </tbody>
                    </table>
                </if>

            </div>
        </div>
        <script>
            //注意：选项卡 依赖 element 模块，否则无法进行功能性操作
            layui.use('element', function(){
                var element = layui.element;
            });
        </script>
    </div>



    <!--<div class="stamp stamp04">-->
        <!--<div class="par"><p>XXXXXX折扣店</p><sub class="sign">￥</sub><span>50.00</span><sub>优惠券</sub><p>订单满100.00元</p></div>-->
        <!--<div class="copy">副券<p>2015-08-13<br>2016-08-13</p><a href="#">立即使用</a></div>-->
        <!--<i></i>-->
    <!--</div>-->






</block>